﻿@{
    ViewBag.Title = "GymTool - Thông tin người tập";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@using TraineeManagement.Models

<h3 class="page-title">
    Thông tin chi tiết
</h3>

<div class="row">
    <div class="col-md-3">
        <ul class="list-unstyled profile-nav">
            @if (!Model.PhotoUrl.Equals(""))
            {
                <li>
                    <img src="@Url.Content("~/Content/TraineePhoto/"+@Model.PhotoUrl)" class="img-responsive" alt="">
                </li>
            }
            else
            {
                <li>
                    <img src="@Url.Content("~/Content/TraineePhoto/default.png")" class="img-responsive" alt="">
                </li>
            }
        </ul>
    </div>
    <div class="col-md-9">
        <div class="row">
            <div class="col-md-9 profile-info">
                <h1>@Model.FullName</h1>
                <div class="portlet box blue-chambray">
                    <div class="portlet-title">
                        <div class="caption">
                            <i class="fa fa-cog"></i>Cập nhật thông tin
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="panel-group accordion" id="accordion1">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#collapse_1">
                                            Thay đổi tên
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapse_1" class="panel-collapse collapse" style="height: 0px;">
                                    <div class="panel-body">
                                        <form action="@Url.Action("Update","Trainee")" method="post" class="form-horizontal">
                                            <h3>Họ và tên</h3>
                                            <div class="col-md-6">
                                                <input type="text" name="Fullname" class="form-control" value="@Model.FullName">
                                                <input type="hidden" name="TraineeID" value="@Model.TraineeID" />
                                            </div>
                                            <button type="submit" class="btn blue">Lưu</button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h4 class="panel-title">
                                        <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#collapse_2">
                                            Cập nhật ảnh đại diện
                                        </a>
                                    </h4>
                                </div>
                                <div id="collapse_2" class="panel-collapse collapse" style="height: 0px;">
                                    <div class="panel-body">
                                        <form action="@Url.Action("Update","Trainee")" method="post" enctype="multipart/form-data" class="form-horizontal">
                                            <h3>Ảnh đại diện</h3>
                                            <div class="col-md-6">
                                                <input type="hidden" name="TraineeID" value="@Model.TraineeID" />
                                                <input type="file" name="file">
                                            </div>
                                            <button type="submit" class="btn blue">Lưu</button>
                                        </form>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>


            </div>
            <!--end col-md-8-->

        </div>
        <!--end row-->
        <div class="tabbable tabbable-custom tabbable-custom-profile">
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#tab_1_11" data-toggle="tab">
                        Các khóa học đã đăng ký
                    </a>
                </li>
                <li>
                    <div>
                        <a class="btn blue-chambray" data-toggle="modal" href="#basic">
                            <i class="fa fa-plus"></i>
                            Đăng ký khóa mới
                        </a>
                    </div>
                </li>
                <li>
                    <div>
                        <a class="btn blue-madison" href="@Url.Action("All","Trainee")">
                            <i class="fa fa-group"></i>
                            Quay lại danh sách
                        </a>
                    </div>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab_1_11">
                    <div class="portlet-body">
                        <h5 style="color:red">Lưu ý: ngày tháng được hiển thị theo dạng <span class="label label-danger">Tháng/Ngày/Năm</span></h5>
                        <table id="sessionTable" class="table table-striped table-bordered table-advance table-hover">
                            <thead>
                                <tr>
                                    <th>
                                        STT
                                    </th>
                                    <th class="hidden-xs">
                                        Ngày bắt đầu
                                    </th>
                                    <th>
                                        Ngày kết thúc
                                    </th>
                                    <th>
                                    </th>
                                    <th>
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @{
                                    int i = 1;
                                    foreach (var item in (List<Session>)ViewBag.Sessions)
                                    {
                                        <tr>
                                            <form action="@Url.Action("Update","Session")" method="post">
                                                <td>
                                                    <h4 style="vertical-align: middle;line-height: 31px;margin: 0;">@i</h4>
                                                </td>
                                                <td class="hidden-xs">
                                                    <input type="text" id="dp2" class="form-control dpicker" name="StartDate" value="@item.StartDate.ToString("MM/dd/yyyy")">
                                                </td>
                                                <td>
                                                    <input type="text" id="dp2" class="form-control dpicker" name="EndDate" value="@item.EndDate.ToString("MM/dd/yyyy")">
                                                </td>
                                                <td>
                                                    <input type="hidden" name="SessionID" value="@item.SessionID" />
                                                    <button style="vertical-align: middle;line-height: 31px;margin: 0;" type="submit" title="Lưu" class="btn default btn-xs blue-stripe">
                                                        <i class="fa fa-check-circle"></i>
                                                    </button>
                                                </td>
                                                <td>
                                                    <a style="vertical-align: middle;line-height: 31px;margin: 0;" href="@Url.Action("Delete/" + item.SessionID, "Session")" onclick="return confirm('Bạn có chắc chắn muốn xóa khóa học này?');" title="Xóa" class="btn default btn-xs red-stripe">
                                                        <i class="fa fa-minus-circle"></i>
                                                    </a>
                                                </td>
                                            </form>
                                        </tr>
                                        i++;
                                    }
                                }
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="basic" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="@Url.Action("Add","Session")" method="post" class="form-horizontal">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h2 class="modal-title">Đăng ký khóa mới</h2>
                    <h5>Người tập: @Model.FullName</h5>
                    <h5 style="color:red">Lưu ý: ngày tháng được hiển thị theo dạng <span class="label label-danger">Tháng/Ngày/Năm</span></h5>
                </div>
                <div class="modal-body">
                    <div class="form-body">
                        <div class="form-group">
                            <label class="col-md-3 control-label">Ngày đăng ký</label>
                            <div class="col-md-9">
                                <div class="input-group input-large date-picker input-daterange">
                                    <input type="text" class="dpicker form-control input-circle-left" name="StartDate" placeholder="Ngày bắt đầu">
                                    <span class="input-group-addon">
                                        đến
                                    </span>
                                    <input type="text" class="dpicker form-control input-circle-right" name="EndDate" placeholder="Ngày kết thúc">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" name="TraineeID" value="@Model.TraineeID" />
                    <button type="button" class="btn default" data-dismiss="modal">Đóng</button>
                    <button type="submit" class="btn blue">Đăng ký</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<script type="text/javascript">
    $(document).ready(function () {
        $('#sessionTable').DataTable({
            "language": {
                "sProcessing": "Đang xử lý...",
                "sLengthMenu": "Xem _MENU_ mục",
                "sZeroRecords": "Không tìm thấy dòng nào phù hợp.",
                "sInfo": "Đang xem _START_ đến _END_ trong tổng số _TOTAL_ mục.",
                "sInfoEmpty": "Đang xem 0 đến 0 trong tổng số 0 mục.",
                "sInfoFiltered": "(Được lọc từ _MAX_ mục).",
                "sInfoPostFix": "",
                "sSearch": "Tìm kiếm:",
                "sUrl": "",
                "oPaginate": {
                    "sFirst": "Đầu",
                    "sPrevious": "Trước",
                    "sNext": "Tiếp",
                    "sLast": "Cuối"
                }
            }
        });
        $('.dpicker').datepicker();
    });
</script>